<template>
  <view>
    <!-- 导航栏 -->
    <u-navbar :title="title" placeholder @leftClick="back" :border="false" :shadow="true"></u-navbar>

    <view class="container">
      <!-- 内容区域 -->
      <view class="apply-menu">
        <Personalmonthlystatistics v-if="params" :params="params"></Personalmonthlystatistics>
      </view>
    </view>

  </view>
</template>

<script setup>
import { onLoad } from '@dcloudio/uni-app';
import { onMounted, ref, } from "vue";
import Personalmonthlystatistics from './components/Personalmonthlystatistics.vue';
const title = ref(null)

const params = ref({})

onLoad((options) => {
  params.value = {
    selectedYear: Number(options?.selectedYear),   // 年
    selectedMonth: Number(options?.selectedMonth), // 月
    start: options?.start,  // 开始时间
    end: options?.end, // 结束时间
    title: options?.title
  }
  title.value = options?.title
})




const back = () => {
  uni.navigateBack({ delta: 1 });
}


onMounted(() => {
  // console.log('个人周统计')
})
</script>

<style lang="scss" scoped>
.container {
  // padding: 5px 10px;

  .apply-menu {
    width: 100%;
  }
}
</style>